<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仪表盘</title>
    <link rel="stylesheet" href="../../libs/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/main.css">
</head>
<body>
    <div class="page-container">
        <div class="page-header">
            <h2 class="page-title">仪表盘</h2>
        </div>
        
        <!-- 统计卡片 -->
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md3">
                <div class="stat-card">
                    <div class="stat-title">待处理需求</div>
                    <div class="stat-value">0</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="stat-card">
                    <div class="stat-title">进行中应用</div>
                    <div class="stat-value">0</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="stat-card">
                    <div class="stat-title">开发中版本</div>
                    <div class="stat-value">0</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="stat-card">
                    <div class="stat-title">待完成任务</div>
                    <div class="stat-value">0</div>
                </div>
            </div>
        </div>
        
        <!-- 待处理任务列表 -->
        <div class="layui-card">
            <div class="layui-card-header">待处理任务</div>
            <div class="layui-card-body">
                <table class="layui-table">
                    <colgroup>
                        <col width="300">
                        <col width="200">
                        <col width="200">
                        <col>
                    </colgroup>
                    <thead>
                        <tr>
                            <th>任务名称</th>
                            <th>所属功能</th>
                            <th>所属应用版本</th>
                            <th>状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="4">暂无数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        
        <!-- 近期截止任务提醒 -->
        <div class="layui-card">
            <div class="layui-card-header">近期截止任务提醒</div>
            <div class="layui-card-body">
                <table class="layui-table">
                    <colgroup>
                        <col width="300">
                        <col width="200">
                        <col width="200">
                        <col>
                    </colgroup>
                    <thead>
                        <tr>
                            <th>任务名称</th>
                            <th>所属功能</th>
                            <th>所属应用版本</th>
                            <th>状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="4">暂无数据</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        
        <!-- 各模块数据统计 -->
        <div class="layui-card">
            <div class="layui-card-header">各模块数据统计</div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header">需求状态分布</div>
                            <div class="layui-card-body">
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="150">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>待处理</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>进行中</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>已完成</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>已取消</td>
                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header">任务完成情况</div>
                            <div class="layui-card-body">
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="150">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>待处理</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>进行中</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>已完成</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>已取消</td>
                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header">应用版本状态</div>
                            <div class="layui-card-body">
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="150">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td>开发中</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>测试中</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>已发布</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>已废弃</td>
                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="../../libs/layui/layui.js"></script>
    <script src="../static/js/dashboard.js"></script>
    <script>
    layui.use(['element', 'dashboard'], function(){
        var element = layui.element;
        var dashboard = layui.dashboard;
        dashboard.init();
    });
    </script>
</body>
</html>